body {
    margin: 0;
    padding: 0;
}
.logo-box {
    margin-right: 0;
}
.logo-box img {
    height: 35px;
}
.wrap {
    height: auto;
    display: flex;
    flex-direction: column;
    /* justify-content: center;
    align-items: center; */
    background: #F2F2F2;
    background-size: cover;
}

.header-container {
    position: unset;
    transform: unset;
    padding-left: 30px;
}

.message_pc_content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 598px;
    height: calc(100vh - 130px);
    margin: 80px 0 20px;
}

.message_pc_content_box {
    display: flex;
    justify-content: space-between;
}
.message_pc_content .content_right {
    width: 378px;
    height: 598px;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 53px 61px 47px;
    margin-left: 18px;
}

.items_title {
    width: 100%;
    height: 29px;
    font-size: 21px;
    text-align: center;
    /* font-family: PingFangSC-Semibold, PingFang SC; */
    font-weight: 600;
    color: #333333;
    line-height: 29px;
}
.items_title_Three {
    width: 258px;
    height: 29px;
    font-size: 18px;
    /* font-family: PingFangSC-Semibold, PingFang SC; */
    font-weight: 600;
    color: #333333;
    line-height: 29px;
}

.left_items_middle .items_company {
    width: 256px;
    height: 297px;
    margin: 55px auto 64px;
}
.left_items_middle .items_company img {
    width: 100%;
    height: 100%;
}
.item_comp img {    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}

.left_items_bottom {
    width: 211px;
    display: flex;
    margin-left: 19px;
}
.left_items_bottom .phone_call_icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 8px;
}
.left_items_bottom .phone_call_icon img {
    width: 51px;
    height: 51px;
}
.left_items_bottom .phone_call {
    padding-top: 6px;
    color: rgba(52, 52, 52, 1);
    text-align: left;
}
.left_items_bottom .phone_call .phone_call_title {
    width: 98px;
    height: 20px;
    font-size: 14px;
    /* font-family: PingFangSC-Regular, PingFang SC; */
    font-weight: 400;
    color: #777777;
    line-height: 20px;
}
.left_items_bottom .phone_call .phone_call_numb {
    width: 152px;
    height: 29px;
    font-size: 21px;
    white-space: nowrap;
    /* font-family: PingFangSC-Medium, PingFang SC; */
    font-weight: 500;
    color: #333333;
    line-height: 29px;
}

.message_pc_content .content_left {
    width: 624px;
    height: 598px;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 42px 74px 35px;
}

.content_left input,
.content_left textarea {
    outline: none;
    transition: all .3s;
}
.content_left .error_Tips {
    width: auto;
    height: 20px;
    font-size: 14px;
    /* font-family: PingFangSC-Light, PingFang SC; */
    font-weight: 300;
    color: #F02525;
    line-height: 20px;  
    white-space: nowrap;
    position: absolute;
    bottom: -20px;
    right: 0px;
    display: none;
}

.content_left .content_right_title {
    height: 42px;
    color:#333;
    /* font-family: PingFangSC-Medium, tahoma, 微软雅黑, 微软雅黑, sans-serif, Arial; */
    font-weight: bold;
    font-size: 25px;
    text-align: left;
}
.content_left .content_right_title span {
    font-size: 16px;
    color: #777;
    font-weight: 500;
}

.content_left .content_right_saying {
    padding: 13.5px 0 20px 0;
    color: rgba(120, 120, 120, 1);
    font-weight: 400;
    font-size: 16px;
}
.content_left .user_inputs {
    display: flex;
    flex-direction: column;
}
.content_left .user_inputs input:focus,
.content_left .user_inputs textarea:focus  {
    border-bottom: 1px solid #0086F1;
}

.content_left .user_inputs input {
    box-sizing: border-box;
    width: 100%;
    height: 28px;
    margin-top: 34px;
    color: #333;
    font-weight: 400;
    border: 0;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 9px;
    border-bottom: 1px solid #DBDBDB;
    padding-left: 27px;
}
.content_left .user_inputs input:-moz-placeholder,
.content_left .user_inputs textarea:-moz-placeholder {
    font-weight: 300;
    color: #999;
    /* font-family: PingFangSC-Light, PingFang SC; */
}
.content_left .user_inputs input::-moz-placeholder,
.content_left .user_inputs textarea::-moz-placeholder {
    font-weight: 300;
    color: #999;
    /* font-family: PingFangSC-Light, PingFang SC; */
}
.content_left .user_inputs input:-ms-input-placeholder,
.content_left .user_inputs textarea:-ms-input-placeholder {
    font-weight: 300;
    color: #999;
    /* font-family: PingFangSC-Light, PingFang SC; */
}
.content_left .user_inputs input::-webkit-input-placeholder,
.content_left .user_inputs textarea::-webkit-input-placeholder {
    font-weight: 300;
    color: #999;
    /* font-family: PingFangSC-Light, PingFang SC; */
}
.user_inputs .user_inputs_row {
    position: relative;
    display: flex;
}
.country_box {
    width: 131px;
    border-bottom: 1px solid #DBDBDB;
    margin-right: 25px;
}
.user_inputs .phone_icon {
    width: 15px;
    height: 20px;
}
.user_inputs .security_icon {
    width: 15px;
    height: 21px;
    position: absolute;
    left: 0;
    bottom: 12px;
}
.user_inputs .country {
    box-sizing: border-box;
    width: 58px;
    height: 20px;
    font-size: 14px;
    /* font-family: PingFangSC-Regular, PingFang SC; */
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    margin-left: 26px;
    margin-top: 34px;
}

.content_left .user_inputs >div {
    position: relative;
}

.content_left .user_inputs .phoneValue {
    width: 50%;
    padding-left: 0;
    flex: 1;
}

.user_inputs img {
    width: 17px;
    height: 19px;
    position: absolute;
    left: 0;
    bottom: 12px;
}

.content_left .user_inputs textarea {
    width: 100%;
    resize: none;
    height: 28px;
    max-height: 12.38vh;
    max-width: 100%;
    border: 0;
    font-size: 14px;
    margin-top: 34px;
    border-bottom: 1px solid #DBDBDB;
    padding-left: 27px;
}

.user_inputs .auth_code {
    display: flex;
    height: 4.27vh;
    margin-top: 10px;
}

.user_inputs .auth_code img {
    top: calc(2.135vh - 10px);
}

.user_inputs .auth_code input {
    flex: 1;
    border: 0;
    margin-top: 0;
    background-color: rgba(230, 240, 249, 1);
}

.user_inputs .getcode_btn button {
    font-size: 14px;
    width: 6.666vw;
    height: 100%;
    outline: none;
    min-width: 70px;
    line-height: 100%;
    margin-left: 10px;
}

.user_inputs >button {
    height: 4.27vh;
    line-height: 100%;
    margin-top: 10px;
    font-size: 13px;
}

.content_left .user_inputs .prohibit {
    color: #777 !important;
}
.content_left .user_inputs #getcode_button {
    position: absolute;
    right: 0;
    bottom: 3px;
    border: 0;
    background-color: rgba(0,0,0,0);
    width: 100px;
    height: 20px;
    font-size: 14px;
    /* font-family: PingFangSC-Regular, PingFang SC; */
    font-weight: 400;
    color: #0086F1;
    line-height: 20px;
    letter-spacing: 1px;
    white-space: nowrap;
}

.content_left .right_bottom {
    width: 624px;
    text-align: center;
    margin-top: 30px;
    font-size: 12px;
    color: #777;
    font-weight: 400;
    margin-left: -74px;
    transform: scale(.9, .9);
}
.content_left .right_bottom a {
    color: #0086F1;
    border-bottom: 1px solid #0086F1;
}
.user_inputs .submit-message {
    width: 100%;
    height: 52px;
    background: linear-gradient(315deg, #00BBF9 0%, #0086F1 100%);
    border-radius: 4px;
    margin-top: 38px;
    border: none;
    color: #fff;
    transition: all .3s;
    
    font-size: 16px;
    /* font-family: PingFangSC-Medium, PingFang SC; */
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 1.14px;
}
.user_inputs .submit-message:hover::after {
    margin-left: 10px;
}
.user_inputs .submit-message:after {
    content: "\f105";
    font-family: "FontAwesome";
    margin-left: 6px;
    font-size: 22px;
    transition: all .4s ease;
    display: inline-block;
    transform: translateY(2px);
}
#getcode_button:focus,
.submit-message:focus {
    outline: none;
}

.frame_window {
    display:none;
	position:absolute;
	top:25%;
	left:50%;
	width:30%;
	height:55%;
	padding:20px;
	border:3px solid #ccc;
	background-color:white;
	z-index:2;
    overflow:auto;
    text-align: center;
    text-indent: 24px;
    font-size: 12px;
    transform: translateX(-50%);
}

.frame_window #x {
    position: absolute;
    top:2px;
    right: 10px;
    font-size: 25px;
}

#backGround {
	display:none;
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100vh;
	background-color:black;
	z-index:1;
	-moz-opacity:0.8;
	opacity:.80;
	filter:alpha(opacity=88);
}
#x:hover {
	cursor:pointer;
	color:rgb(55,198,192);
}

.message_pc_footer {
    width: 100%;
    height: 20px;
    font-size: 14px;
    /* font-family: PingFangSC-Regular, PingFang SC; */
    font-weight: 400;
    color: #777777;
    line-height: 20px;
    background: none;
    margin-bottom: 10px;
}



@media screen and (min-width: 751px) and (max-width: 1200px) {
    .message_pc_content .content_right {
        width: 310px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .content_left .content_right_title {
        font-size: 20px;
    }
    .content_left .content_right_title span {
        font-size: 14px;
    }
    .message_pc_content .content_left {
        width: 400px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .content_left .right_bottom {
        width: 100%;
        margin-left: 0;
    }
    .items_title {
        font-size: 16px;
    }
}

@media screen and (min-height: 750px) {
    .message_pc_content {
        height: calc(100vh - 30px);
        margin: 0;
    }
}
              .bz{height: 62px; display: flex; justify-content: space-between; align-items: center;}
              .bz div{ position: relative; width: 225px}
              .content_left{ position: relative; }
              #sel_domain,#sel_staff{ 
                cursor: pointer; 
                background: url('../images/downarrow.png') no-repeat 99% 39%;
                background-size:15px
              }
              #sel_domain.zk,#sel_staff.zk{
                background: url('../images/uparrow.png') no-repeat no-repeat 99% 39%;
                background-size:15px 
              }
              #sel_domain_ul{ 
                position: absolute; 
                bottom:-21px;
                left:73px; 
                background: #FFFFFF;
                box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
                width: 225px;
                display: none
              }
              #sel_staff_ul{ 
                position: absolute;
                bottom:83px;
                right:73px; 
                background: #FFFFFF;
                box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
                width: 225px;
                display: none
              }
              #sel_domain_ul li,#sel_staff_ul li{
                font-size: 14px;
                font-family: PingFangSC-Regular, PingFang SC;
                color: #333;
                cursor: pointer;
                list-style: none;
                text-align: left;
                margin: 6px 0 6px 31px
              }
              #sel_domain_ul li:hover,#sel_staff_ul li:hover{
                color: #0086F1;
              }
              .content_left .user_inputs .zk{
                color: #0086F1;
              }